@charset "utf-8";
/* CSS Document */

*{margin:0; padding:0}
ul,li{list-style:none}
img{border:none}
a{text-decoration:none; color:#333}
a:hover{color:#c00}
.clear{clear:both}
.margin{margin:0 auto;}
.float{float:left;}
body{
	font-size: 12px;
	font-family: "微软雅黑";
	background-color: #FFF;
	color: #333;
}


.banner{ width:auto; height:520px;}
.banner ul li{ width:auto; height:520px; width: 100%;text-align: center;}

.biaot{ margin-bottom:50px;}
.product{ margin-top:50px; text-align:center;height: 800px;overflow: hidden;}
.menul{ width:265px; float:left;}
.menul ul li{ height:88px; width:265px; background:#f6f6f6; line-height:88px; margin-top:5px;}
.menul ul li span{ /*! text-indent: 22px; */ color: #ee6b6b;font-size: 17px;padding-left: 14px;}
.menul ul li a{ font-size:18px;}
.productcen{ width:880px; float:right;}
.productcen ul li{ float:left; width:288px; height:204px;margin-left: 5px;margin-bottom: 45px; position: relative}
.productcen ul li span{ display: block; background-color: #33333333; color: white; position: absolute; top:164px; height: 40px; line-height: 40px; width: 288px;left: 0px;font-size: 16px;}
.productcen ul li img{ width:288px; height:204px;}
.news{ height: 660px;}
.newsl{ float:left; width:580px;}
.newsl ul li{ width:530px; height:110px;margin-bottom: 20px;background: #f6f6f6;}
.newsl ul li:hover{background: #b90800; color: white;}
.newsl ul li:hover a,.newsl ul li:hover span,.newsl ul li:hover b{ color: white;}
.newsl ul li:last-child{margin-bottom: 0px;}
.newso { width: 57px;height: 60px; margin-top: 20px; margin-left: 30px; overflow: hidden; float: left;line-height: 37px;border-right: solid 1px #d7d7d7;}
.newso span{display: block; width: 44px; height: 27px; font-size: 16px;color: #888;}
.newso b{font-size: 17px;color: #d4d4d4;}
.newst{width:426px;float: right; margin-top: 20px; line-height: 30px; font-size: 16px;}
.newst span a{color: #333}
.newst p{font-size: 15px;}
.newst p a{color: #999;}

.newsr{ width: 600px; float: right; background: #f6f6f6;height: 500px;}
.newsr img{display: block;width: 512px; height: 340px;margin-top: 44px;	margin-right: 44px;	margin-bottom: 30px;	margin-left: 44px;}
.newsrx .newso { margin-top: 0px !important; margin-left: 44px!important; }
.newsrx .newst{ margin-top: 0px !important; width: 480px !important;}
.newsr:hover{ background:#b90800;  }
.newsr:hover a,.newsr:hover span,.newsr:hover b{ color: white;}

.about{width: 100%;height: 540px; background: url("../images/about.jpg") no-repeat center center;margin-bottom: 70px;}
.aboutl{ float: left; width: 540px;margin-top: 211px;font-size: 16px;line-height: 33px;text-indent: 34px; margin-left:60px;}
.aboutl a{display: block; width: 200px;height: 42px;/*! overflow: hidden; */margin-top: 20px;}
.aboutr{ float: right;width: 518px;margin-top: 135px;margin-right: 10px;}


.anli ul li{float: left;width: 380px;text-align: center;border: solid 2px #cbc8c8;margin-right: 24px;padding-top: 25px;height: 350px;line-height: 25px;}
.anli ul li:hover{border: solid 2px #b90800;}
.anli ul li img{width: 340px;height: 210px;}
.anli ul li:last-child{margin-right: 0px;}
.anli ul li p{margin-top: 8px; font-size: 15px;}
.anli ul li span{ color: #999; font-size: 13px;}
.anli ul li b{display: block;width: 108px;height: 30px; text-align: center; color: #0b2e13; border:solid 1px #999;margin: 0 auto;font-size: 13px;margin-top: 17px;}
.anli{ height: 500px;overflow: hidden;}




.slideBox{    min-width: 1200px;    position: relative;    margin: 0 auto;    overflow: hidden;  }
.slideBox .hd{    position:relative;    height: 50px;    margin: 0 auto;    bottom:5px;    width: 222px;    left: 10px;    z-index: 3;    top: -38px;}
.slideBox .hd ul li{    z-index: 1;    float: left;    background-color:#757575;    text-align: center;    line-height: 24px;    width: 58px;    height:8px;    cursor: pointer;    overflow: hidden;    margin: 3px 8px 1px;    border-radius: 5px;    color: white;    font-size: 14px;}
.slideBox .hd ul li.on{    background-color: #c60103;    color:#fff;}
.slideBox .bd{    min-width: 1300px;    height: 454px;    position: relative;}
.slideBox .bd li{    zoom:1;    vertical-align:middle;    float: left;}







.duration15 { -webkit-animation-duration: 1.5s; animation-duration: 1.5s; }
.duration18 { -webkit-animation-duration: 1.8s; animation-duration: 1.8s; }
.duration20 { -webkit-animation-duration: 2s; animation-duration: 2s; }
.delay1 { -webkit-animation-delay: 0.6s; animation-delay: 0.6s; }
.delay2 { -webkit-animation-delay: 0.8s; animation-delay: 0.8s; }
.delay3{ -webkit-animation-delay: 1.0s; animation-delay: 1.0s; }
.delay4{ -webkit-animation-delay: 1.2s; animation-delay: 1.2s; }
.delay5{ -webkit-animation-delay: 1.4s; animation-delay: 1.4s; }
.delay6{ -webkit-animation-delay: 1.6s; animation-delay: 1.6s; }
.delay7{ -webkit-animation-delay: 1.8s; animation-delay: 1.8s; }
.delay8{ -webkit-animation-delay: 2.0s; animation-delay: 2.0s; }
.delay9{ -webkit-animation-delay: 2.2s; animation-delay: 2.2s; }
.span2,.span3{animation-duration:1.5s;-webkit-animation-duration:1.5s; }
.an-hide{ 
	visibility:hidden;
    *visibility:visible;
	}
.an-show{ 
	visibility:visible;
}